.generatePlan {
  &-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 16px;
    padding: 8px 16px;
    background: #fff;
    border-radius: 8px;
  }

  &-content {
    width: 100%;
    height: calc(100vh - 240px);
    padding: 16px;
    background: #fff;
    border-radius: 8px;

    &-line {
      display: flex;
      width: 100%;
      height: 50px;
      margin: 8px 0 16px;
      border: 1px solid #eee;

      &-name {
        font-weight: bold;
      }

      &-item {
        min-width: 4.167%;
        line-height: 50px;
        text-align: center;
        border-right: 1px solid #eee;
      }

      .line-item-switch {
        color: #3ca768c0;
      }

      .product-1 {
        color: #6a9ee2be;
      }
      .product-2 {
        color: #e4c84fc2;
      }
      .product-3 {
        color: #c5699491;
      }

      .product-4 {
        color: #b16ecf9d;
      }
    }
  }
}
